/************ 底部 ************/
footer{
    position: relative;
    width: 100%;
    padding: 16px 0 60px 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.5) 100%);
}
footer .content{
    margin-top: 18px;
}
footer .line{
    height: 8px;
    border-top: 1px solid #363c44;
}

/**** 底部导航栏 ****/  
footer .footer-nav{
    display: flex;
    justify-content: start;
    align-items: center;
    margin:2px 0 14px;
    position: relative;
}
footer .footer-nav .navItem{
    display: block;
    line-height: 22px;
    padding: 0 15px;
    color: #969eab;
    background: rgba(150, 158, 171, 0.3);
    font-size: 11px;
    margin-right: 8px;
    cursor: pointer;
    border-radius: 2px;
}
footer .footer-nav .navItem:hover + .footer-navlistBox{
    visibility: visible;
    opacity: 1;
}
footer .footer-nav .footer-navlistBox:hover{
    visibility: visible;
    opacity: 1;
}
footer .footer-nav .footer-navlistBox{
    position: absolute;
    z-index: 200;
    box-shadow: 0 0 12px #000000;
    padding: 8px 5px;
    background: linear-gradient( to bottom, #e3eaef 5%, #c7d5e0 95%);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s linear;
}

footer .footer-nav .footer-navlistBox:nth-of-type(1){
    top: 20px;
}
footer .footer-nav .footer-navlistBox:nth-of-type(2){
    top: 20px;
    left: 100px;
}
footer .footer-nav .footer-navlistBox:nth-of-type(3){
    top: 20px;
    left: 204px
}
footer .footer-nav .footer-navlistBox:nth-of-type(4){
    top: 20px;
    left: 266px
}
footer .footer-nav .footer-navlistBox:nth-of-type(4) a img{
    margin-top: -3px;
}

footer .footer-nav .footer-navlistBox .footer-navlist{
    min-width: 82px;
    width: auto;
}
footer .footer-nav .footer-navlistBox .footer-navlist a{
    font-size: 12px;
    display: block;
    color: #000;
    padding: 5px 12px;
    font-family: 'Motiva Sans';
    text-decoration: none;
}
footer .footer-nav .footer-navlistBox .footer-navlist a:hover{
    color: #fff;
    background-color: #212d3d;
}

/**** 底部内容 ****/
footer .footer-textBox{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    min-height: 36px;
    height: auto;
    margin:-2px 0 12px;
}
footer .footer-textBox .footer-logo{
    display: block;
    width: 88px;
    height: 25px;
    margin-top: -4px;
}
footer .footer-textBox .footer-logo img{
    width: 100%;
}
footer .footer-textBox .footer-text{
    margin-left: -190px;
    line-height: 16px;

}
footer .footer-textBox .footer-text span{
    line-height: 16px;
    font-size: 12px;
    color: #8f98a0;
}
footer .footer-textBox .footer-text span a{
    text-decoration: none;
    color: #c6d4df;
}
footer .footer-textBox .footer-text span a:hover{
    color: #fff;
}

/**** 底部菜单 ****/
footer .footer-links{
    margin-top: 8px;
    font-size: 13px;
    color: #61686D;
    font-family: 'Motiva Sans';
}
footer .footer-links a{
    color: #c6d4df;
}
footer .footer-links a:nth-of-type(6){
    font-size: 12px;
}
footer .footer-links a:nth-of-type(6) img{
    margin-top: -2px;
}
footer .footer-links a:nth-of-type(7){
    font-size: 12px;
}
footer .footer-links a:nth-of-type(7) img{
    margin-top: -2px;
}
footer .footer-links a:hover{
    text-decoration: none;
    color: #fff;
}